<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style lang="scss">
	* {
		margin: 0;
		padding: 0;
	}
	#app {
		width: 100%;
		height: 100%;
	}
	.el-dialog__header {
		padding-top: 16px !important;
	}
	.el-dialog,.el-dialog--center {
		width:  68% !important;
		height: 85% ;
		margin-top: 8vh !important;
		position: absolute ;
		margin-left: 16% ;
		overflow: hidden;
		box-sizing: border-box;
	}
	
.el-tabs__content{
		position: absolute !important;
    width: 96% !important;
    left: 2%;
    right: 0;
    top: 75px;
    bottom: 0;
	}
	.el-dialog__body{
		position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
		
	}
	.el-dialog__headerbtn {
		z-index: 66;
	}
	.el-dialog__wrapper{
		overflow: hidden;
	}

</style>
